@tailwind base;
@tailwind components;
@tailwind utilities;

.ant-modal-confirm-content {
  width: 100%;
}

:where(.css-dev-only-do-not-override-1s3dcof).ant-carousel
  .slick-dots li.slick-active button,
:where(.css-dev-only-do-not-override-1s3dcof).ant-carousel
  .slick-dots li button {
  background: #191919;
}


.slick-dots {
  bottom: -90px !important;
  padding-bottom: 15px !important;
}
.slick-thumb {
  display: flex !important;
  box-sizing: content-box;
  flex-wrap: nowrap;
  overflow-y: hidden;
  overflow-x: auto;
  height: 70px !important;
}
.slick-thumb a,
.slick-thumb a > div{
  display: inline-block;
  width: 100%;
  height: 100%;
}
.slick-thumb li {
  flex: 60px 0 0;
  width: 60px !important;
  height: 70px !important;
}
.slick-thumb li img {
  width: 100%;
  height: 100% !important;
  object-fit: contain;
}
.slick-prev {
  left: 10px !important;
  z-index: 10;
}
.slick-next {
  right: 10px !important;
  z-index: 10;
}
.aplayer-pointer-wrapper,
.vjs-pointer-wrapper {
  position: absolute;
  top: 0;
  width: 100%;
  height: 100%;
}
.aplayer-pointer-item,
.vjs-pointer-item {
  position: absolute;
  height: 100%;
  background: cornflowerblue;
}

.site-tag-plus {
  background: #fff;
  border-style: dashed;
}
.edit-tag {
  user-select: none;
}
.tag-input {
  width: 78px;
  margin-right: 8px;
  vertical-align: top;
}

/* 原型上传组件 */
.circleUploadItem .ant-upload-list-item,
.circleUploadItem .ant-upload-list-item-container,
.circleUploadItem .ant-upload {
  width: 80px !important;
  height: 80px !important;
  border-radius: 50% !important;
}
.circleUploadItem .ant-upload-list-item::before,
.circleUploadItem .ant-upload-list-item-thumbnail {
  border-radius: 50% !important;
}


.ant-tabs-ink-bar-animated {
  transition: unset !important;
}

/* 音乐 */
.aplayer .aplayer-body .aplayer-pic {
  width: 400px;
  height: 400px;
  margin: 0 auto;
}
.aplayer .aplayer-body .aplayer-pic .aplayer-play {
  width: 80px;
  height: 80px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}
.aplayer .aplayer-body .aplayer-pic .aplayer-play svg {
  width: 70px;
  height: 70px;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
}

.aplayer .aplayer-body .aplayer-info {
  margin-left: unset;
}
.aplayer-body {
  display: flex;
  flex-direction: column;
}